<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/static/search/css/index.css">
    <link rel="stylesheet" type="text/css" href="/static/search/font/iconfont.css">
    <link rel="shortcut icon" href="/static/index/img/tubiao.png">
    <!--<script src="/static/search/./js/jquery-3.2.1.min.js"></script>-->
    <script src="/static/search/js/jquery-1.12.4.js"></script>
    <title>drygoods前台</title>
</head>
<body>
<!--头部-->
<div class="header_head">
    <div class="header_head_box">
        <b class="header_head_p">
            <div style="overflow: hidden">
                <a href="http://www.drygoods.top" class="header_head_p_a1" style="width:81px;">
                    drygoods首页
                </a>
            </div>
        </b>
        <ul>
            <li>
                <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/login.html"
                   class=" li_2">你好，请登录</a>
                <a th:if="${session.loginUser!=null}" class="aa" style="width: 100px">[[${(session.loginUser!=null)?session.loginUser.username:''}]]</a>
            </li>
            <li>
                <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/reg.html">免费注册</a>
            </li>
            <li>
                <a th:if="${session.loginUser!=null}" href="http://auth.drygoods.top/exit/loginUser">退出登录</a>
            </li>
            <span>|</span>
            <li>
                <a href="http://member.drygoods.top/orderList.html">我的订单</a>
            </li>

        </ul>
    </div>
</div>

<!--搜索导航-->
<div class="header_sous">
    <div class="logo">
        <a href="http://www.drygoods.top"><img style="width: 100px;height: 80px" src="/static/search/image/logo1.png"
                                               alt=""></a>
    </div>
    <div class="header_form">
        <input id="keyword_input" type="text" placeholder="辣椒" th:value="${param.keyword}"/>
        <a href="javascript:searchByKeyword();">搜索</a>
    </div>
    <div class="header_ico">
        <div class="header_gw">
            <span><a href="http://cart.drygoods.top/cartList.html">我的购物车</a></span>
            <img src="/static/search/image/settleup-@1x.png"/>
            <span>0</span>
        </div>
    </div>
</div>

<!--<hr style="border: 1px solid red;margin-top: -7px;">-->

<!--手机-->

<div class="JD_ipone">
    <div class="JD_ipone_bar">
        <div class="JD_ipone_one c">
            <a th:href="${nav.link}" th:each="nav:${searchResult.navs}">
                <span th:text="${nav.navName}"></span>
                :
                <span th:text="${nav.navValue}"></span>
                ×
            </a>
        </div>

        <i><img src="/static/search/image/right-@1x.png" alt=""></i>
    </div>
</div>


<!--商品筛选和排序-->
<div class="JD_banner w">
    <div class="JD_nav">
        <div class="JD_selector">
            <!--            &lt;!&ndash;手机商品筛选&ndash;&gt;-->
            <!--            <div class="title">-->
            <!--                <h3><b>手机</b><em>商品筛选</em></h3>-->
            <!--                <div class="st-ext">共&nbsp;<span>10135</span>个商品</div>-->
            <!--            </div>-->
            <div class="JD_nav_logo"><!--th:with="brandid=${param.brandId}"-->
                <!--品牌-->
                <!--                <div th:if="${#strings.isEmpty(brandid)}" class="JD_nav_wrap">-->
                <!--                    <div class="sl_key">-->
                <!--                        <span>品牌：</span>-->
                <!--                    </div>-->
                <!--                    <div class="sl_value">-->
                <!--                        <div class="sl_value_logo">-->
                <!--                            <ul>-->
                <!--                                <li th:each="brand:${searchResult.brands}">-->
                <!--                                    <a th:href="${'javascript:searchProducts(&quot;brandId&quot;,'+brand.brandId+')'}">-->
                <!--                                        <img th:src="${brand.brandImg}" alt="">-->
                <!--                                        <div th:text="${brand.brandName}">-->
                <!--                                            华为(HUAWEI)-->
                <!--                                        </div>-->
                <!--                                    </a>-->
                <!--                                </li>-->
                <!--                            </ul>-->
                <!--                        </div>-->
                <!--                    </div>-->
                <!--                    <div class="sl_ext">-->
                <!--                        <a>-->
                <!--                            更多-->
                <!--                            <i style='background: url("image/search.ele.png")no-repeat 3px 7px'></i>-->
                <!--                            <b style='background: url("image/search.ele.png")no-repeat 3px -44px'></b>-->
                <!--                        </a>-->
                <!--                        <a>-->
                <!--                            多选-->
                <!--                            <i>+</i>-->
                <!--                            <span>+</span>-->
                <!--                        </a>-->
                <!--                    </div>-->
                <!--                </div>-->
                <!--分类-->
                <div class="JD_pre">
                    <div class="sl_key">
                        <span><b>分类：</b></span>
                    </div>
                    <div class="sl_value">
                        <ul>
                            <li th:each="catalog:${searchResult.catalogs}">
                                <a
                                        th:href="${'javascript:searchProducts(&quot;catalog3Id&quot;,'+catalog.catalogId+')'}"
                                        th:text="${catalog.catalogName}">5.56英寸及以上</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!--属性-->
                <div class="JD_pre"
                     th:each="attr:${searchResult.attrs}"
                     th:if="${!#lists.contains(searchResult.attrIds,attr.attrId)}">
                    <div class="sl_key">
                        <span th:text="${attr.attrName}">属性：</span>
                    </div>
                    <div class="sl_value">
                        <ul>
                            <li th:each="attrValue:${attr.attrValue}">
                                <a
                                        th:href="${'javascript:searchProducts(&quot;attrs&quot;,&quot;'+attr.attrId+'_'+attrValue+'&quot;,true)'}"
                                        th:text="${attrValue}">5.56英寸及以上</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <!--排序-->
        <div class="JD_banner_main">

            <!--综合排序-->
            <div class="JD_con_right" style="margin-left: 110px">
                <div class="filter">
                    <!--综合排序-->
                    <div class="filter_top">
                        <div class="filter_top_left" th:with="p=${param.sort},skuPriceRange=${param.skuPrice}">
                            <!--                            "color": "#333", "border_color": "#CCC", "background": "#FFF"//高亮
                                                            "color": "#FFF", "border_color": "#e4393c", "background": "#e4393c"//平色
                            -->
                            <!--热度-->
                            <a class="sort_a"
                               sort="hotScore"
                               th:class="${(!#strings.isEmpty(p)&&#strings.startsWith(p,'hotScore')&&#strings.endsWith(p,'desc'))?'sort_a desc':'sort_a asc'}"
                               th:attr="style=${(#strings.isEmpty(p)|| #strings.startsWith(p,'hotScore'))
                               ?'color:#FFF;border_color:#e4393c;background:#e4393c':'color: #333; border_color: #CCC; background: #FFF;'}">
                                综合排序
                                <!--                                [[${#strings.isEmpty(p) || #strings.startsWith(p,'hotScore')}]]-->
                                [[
                                ${#strings.isEmpty(p)?'↑':(
                                #strings.startsWith(p,'hotScore')?(#strings.endsWith(p,'desc') ?'↓':'↑'):'')}
                                ]]
                            </a>
                            <a class="sort_a"
                               sort="saleCount"
                               th:class="${(!#strings.isEmpty(p)&&#strings.startsWith(p,'saleCount')&&#strings.endsWith(p,'desc'))?'sort_a desc':'sort_a asc'}"
                               th:attr="style=${(!#strings.isEmpty(p)&& #strings.startsWith(p,'saleCount'))
                               ?'color:#FFF;border_color:#e4393c;background:#e4393c':'color: #333; border_color: #CCC; background: #FFF;'}">
                                销量
                                [[
                                ${#strings.isEmpty(p)?'':(
                                #strings.startsWith(p,'saleCount')?(#strings.endsWith(p,'desc') ?'↓':'↑'):'')}
                                ]]
                            </a>
                            <a class="sort_a"
                               sort="skuPrice"
                               th:class="${(!#strings.isEmpty(p)&&#strings.startsWith(p,'skuPrice')&&#strings.endsWith(p,'desc'))?'sort_a desc':'sort_a asc'}"
                               th:attr="style=${(!#strings.isEmpty(p)&& #strings.startsWith(p,'skuPrice'))
                               ?'color:#FFF;border_color:#e4393c;background:#e4393c':'color: #333; border_color: #CCC; background: #FFF;'}">
                                价格
                                [[
                                ${#strings.isEmpty(p)?'':(
                                #strings.startsWith(p,'skuPrice')?(#strings.endsWith(p,'desc') ?'↓':'↑'):'')}
                                ]]
                            </a>
                            <!--                            <a>评论分</a>-->
                            <!--                            <a>上架时间</a>-->
                            <input id="skuPriceFrom"
                                   style="width: 100px;margin-left: 20px;"
                                   th:value="${!#strings.isEmpty(skuPriceRange)?#strings.substringBefore(skuPriceRange,'_'):''}">
                            -
                            <input id="skuPriceTo"
                                   style="width: 100px;"
                                   th:value="${!#strings.isEmpty(skuPriceRange)?#strings.substringAfter(skuPriceRange,'_'):''}">
                            <button id="skuPriceSearchBtn">确定</button>
                        </div>
                        <!--                        <div class="filter_top_right">-->
                        <!--                            <span class="fp-text">-->
                        <!--                               <b>1</b><em>/</em><i>169</i>-->
                        <!--                           </span>-->
                        <!--                            <a class="prev"><</a>-->
                        <!--                            <a class="next"> > </a>-->
                        <!--                        </div>-->
                    </div>
                    <!--收货地址-->
                    <div class="filter_bottom">
                        <div class="filter_bottom_right">
                            <ul>
                                <li>
                                    <a th:with="hasStock=${param.hasStock}">
                                        <input id="showHasStock"
                                               type="checkbox"
                                               th:checked="${#strings.equals(hasStock,'1')}">
                                        仅显示有货
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <!--排序内容-->
                    <div class="rig_tab">
                        <div th:each="product:${searchResult.products}">
                            <div class="ico">
                                <i class="iconfont icon-weiguanzhu"></i>
                                <a th:skuId="${product.skuId}"
                                   th:skuName="${product.skuTitle}"
                                   th:skuImg="${product.skuImg}"
                                   th:spuId="${product.spuId}"
                                   th:onclick="attentionSku(this.getAttribute('skuId'),this.getAttribute('skuName'),this.getAttribute('skuImg'),this.getAttribute('spuId'))">关注</a>
                            </div>
                            <p class="da">
                                <a th:href="|http://item.drygoods.top/${product.skuId}.html|">
                                    <img th:src="${product.skuImg}" class="dim">
                                </a>
                            </p>
                            <ul class="tab_im">
                                <li><a title="黑色">
                                    <img th:src="${product.skuImg}"></a></li>
                            </ul>
                            <p class="tab_R">
                                <span th:text="'¥'+${product.skuPrice}">¥5199.00</span>

                            </p>
                            <p class="tab_JE">
                                <a th:utext="${product.skuTitle}"
                                   th:href="|http://item.drygoods.top/${product.skuId}.html|">
                                    Apple iPhone 7 Plus (A1661) 32G 黑色 移动联通电信4G手机
                                </a>
                            </p>
                        </div>
                    </div>
                    <!--分页-->
                    <div class="filter_page">
                        <div class="page_wrap">
                            <span class="page_span1">
                                <!--上一页-->
                                <a class="page_a"
                                   th:attr="pn=${searchResult.pageNum - 1}"
                                   th:if="${searchResult.pageNum>1}">
                                    < 上一页
                                </a>
                                <!--//TODO 页码(可优化)-->
                                <a class="page_a"
                                   th:attr="pn= ${nav}"
                                   th:each="nav:${searchResult.pageNavs}"
                                   th:style="${nav==searchResult.pageNum?'border: 0;color:#ee2222;background: #fff':''}">
                                    [[${nav}]]
                                </a>
                                <!--下一页-->
                                <a class="page_a"
                                   th:attr="pn=${searchResult.pageNum + 1}"
                                   th:if="${searchResult.pageNum<searchResult.totalPages}">
                                    下一页 >
                                </a>
                            </span>
                            <span class="page_span2">
                                <em>共<b>[[${searchResult.totalPages}]]</b>页&nbsp;&nbsp;到第</em>
                                <input type="number" value="1">
                                <em>页</em>
                                <a>确定</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--猜你喜欢(自动推荐)-->
<div class="JD_cnxh">
    <div class="JD_jx_title">
        <div class="mt">
            <strong class="mt-title">猜你喜欢</strong>
            <!--            <a>-->
            <!--                <img src="/static/search/image/update.png" alt="">-->
            <!--                换一批-->
            <!--            </a>-->
        </div>
        <div class="mc">
            <ul>
                <li th:each="skuInfo:${likeSkuInfos}">
                    <div class="mc_img">
                        <a th:href="'http://item.drygoods.top/'+${skuInfo.skuId}+'.html'">
                            <img th:src="${skuInfo.skuDefaultImg}" alt="">
                        </a>
                    </div>
                    <div class="mc_name">
                        <a th:href="'http://item.drygoods.top/'+${skuInfo.skuId}+'.html'">
                            <em th:text="${skuInfo.skuTitle}">诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em>
                        </a>
                    </div>
                    <div class="mc_price">
                        <strong>
                            <span>￥[[${skuInfo.price}]]</span>
                        </strong>
                    </div>

                </li>
            </ul>


        </div>
    </div>
</div>

<div style="width: 1210px;margin: 0 auto;margin-bottom: 10px"><img src="/static/index/img/img_01.png" alt=""></div>
<!--底部-->
<div class="section_second">
    <!-- 第一层 -->
    <div style="padding-bottom: 18px;background: #eaeaea;overflow: hidden;margin-top: 10px">
        <p class="section_second_header_img"></p>
        <li style="width: 247px;float: left;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    品类齐全，轻松购物</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    多仓直发，极速配送</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    正品好货，精致服务</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    天天低价，畅选无忧</p>
            </div>
        </li>
        <br/><br><br>
        <p style="border-bottom: solid 1px #dedede;margin-bottom: 10px"></p>
        <div class="w" style="width: 1210px;text-align: center;">
            <div class="copyright_links" style="margin: 0;padding: 0;">
                <p>
                    <a href="//about.jd.com"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">关于我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/contact/"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//help.jd.com/user/custom.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系客服</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//lai.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">合作招商</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//helpcenter.jd.com/venderportal/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">商家帮助</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jzt.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">营销中心</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//app.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">手机京东</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//club.jd.com/links.aspx" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">友情链接</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//media.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">销售联盟</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3WA2zN8wkwc9fL9TxAJXHh5Nj79u/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东社区</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3TF25tMdrnURET8Ez1cW9hzfg3Jt/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">风险监测</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/privacy/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">隐私政策</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//gongyi.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东公益</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//www.joybuy.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">English
                        Site</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//corporate.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Media
                        &amp; IR</a>
                </p>
            </div>
            <div class="copyright_info">
                <p>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京公网安备
                        11000002000088号</a><span style="margin: 0 6px;color: #ccc;">|</span><span><a
                        href="http://beian.miit.gov.cn"
                        target="_blank"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京ICP备11041704号</a></span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3T3No18XR8k8rpLGLGhgbJ1StAFq/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">ICP</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jdwp.jd.com/544-2927.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">新出发京零 字第大120007号</span>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网出版许可证编号新出网证(京)字150号</span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3bVDLXHdwVmdQksGF8TtS7ocq1NY/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">出版物经营许可证</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//img10.360buyimg.com/ling/jfs/t1/164806/19/5070/567736/6017d6d6Eab06ec9c/d8ca6e029f495447.jpg"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">网络文化经营许可证京网文[2020]6112-1201号</a><span
                            style="margin: 0 6px;color: #ccc;">|</span><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">违法和不良信息举报电话：4006561155</span>
                </p>
                <p><span class="copyright_text"
                         style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Copyright © 2004 - <em
                        id="copyright_year"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">2022</em>  京东JD.com 版权所有</span><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">消费者维权热线：4006067733</span>
                    <a href="//pro.jd.com/mall/active/38PitHBfR7ZopNHRSHnuuWR5AMDL/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="copyright_license">经营证照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">(京)网械平台备字(2018)第00003号</span>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/babelDiy/Zeus/ARcYnJ8coUdUecn6UQAN6TDaVmH/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="mod_business_license">营业执照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3YxBvN6m5TsRyVCvDSeEh7awmLB4/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">增值电信业务经营许可证</a>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东旗下网站：</span>
                    <a href="https://www.jdpay.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东钱包</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="https://www.jdcloud.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东云</a>
                </p>
            </div>
        </div>

        <!--        <div>-->
        <!--            <p></p>-->
        <!--            <span style="font-size: 25px;font-weight: 500;margin: 20px 20px 10px;color: white;">干货</span>-->
        <!--            <span style="margin-left: 5px;display: inline-block;float: left; margin-top: 20px;color: white;">总有你想不到的</span>-->
        <!--            <span>-->
        <!--        </span>-->
        <!--        </div>-->
        <!--        <div class="section_second_header_right">-->
        <!--            <p>当前场次</p>-->
        <!--            <span class="section_second_header_right_hours">00</span>-->
        <!--            <span class="section_second_header_right_mao">：</span>-->
        <!--            <span class="section_second_header_right_minutes">00</span>-->
        <!--            <span class="section_second_header_right_mao">：</span>-->
        <!--            <span class="section_second_header_right_second">00</span>-->
        <!--            <p>后结束</p>-->
        <!--        </div>-->
    </div>


</div>

<!--右侧侧边栏-->
<div class="header_bar">
    <div class="header_bar_box">
        <ul style="height: 60px">
            <li>
                <a><img src="/static/search/img/wo.png"/></a>
                <div class="div">
                    <a href="http://member.drygoods.top/members.html">会员中心</a>
                </div>
            </li>
            <li>
                <a><img src="/static/search/img/gouwuche.png"/></a>
                <div class="div">
                    <a href="http://cart.drygoods.top/cartList.html">购物车</a>
                </div>
            </li>
            <li>
                <a><img src="/static/search/img/taoxin.png"/></a>
                <div class="div">
                    <a href="http://member.drygoods.top/followProduct.html">我的关注</a>
                </div>
            </li>

            <!--            <li>-->
            <!--                <a><img src="/static/search/img/shi.png"/></a>-->
            <!--                <div class="div">-->
            <!--                    <a>我的足迹</a>-->
            <!--                </div>-->
            <!--            </li>-->
            <!--            <li>-->
            <!--                <a><img src="/static/search/img/xinxi.png"/></a>-->
            <!--                <div class="div">-->
            <!--                    <a>我的消息</a>-->
            <!--                </div>-->
            <!--            </li>-->
            <!--            <li>-->
            <!--                <a><img src="/static/search/img/qianbao.png"/></a>-->
            <!--                <div class="div">-->
            <!--                    <a>资讯JIMI</a>-->
            <!--                </div>-->
            <!--            </li>-->
        </ul>
        <ul>
            <li>
                <a><img src="/static/search/img/fa3f24a70d38bd439261cb7439e517a5.png"/></a>
                <div class="div">
                    <a href="#" id="gotop">顶部</a>
                </div>
            </li>
            <li>
                <a><img src="/static/search/img/xinxi.png"/></a>
                <div class="div">
                    <a>反馈</a>
                </div>
            </li>
        </ul>
    </div>
</div>
<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/index/js/text.js"></script>
<script type="text/javascript" src="/static/index/js/header.js"></script>
<script type="text/javascript" src="/static/index/js/secend.js"></script>
<script type="text/javascript" src="/static/index/js/zz.js"></script>
<script type="text/javascript" src="/static/index/js/index.js"></script>
<script type="text/javascript" src="/static/index/js/left,top.js"></script>
<script type="text/javascript" src="/static/index/js/catalogLoader.js"></script>
<script th:inline="javascript" type="text/javascript">
    $(".sl_ext a:nth-child(1)").hover(function () {
        $(this).children("b").stop(true).animate({top: "3px"}, 50);
        $(this).children("i").stop(true).animate({top: "-23px"}, 50)
    }, function () {
        $(this).children("b").stop(true).animate({top: "24px"}, 50);
        $(this).children("i").stop(true).animate({top: "3px"}, 50)
    });
    $(".sl_ext a:nth-child(2)").hover(function () {
        $(this).children("span").stop(true).animate({top: "-1px"}, 100);
        $(this).children("i").stop(true).animate({top: "-14px"}, 100).css({display: "none"})
    }, function () {
        $(this).children("span").stop(true).animate({top: "14px"}, 100);
        $(this).children("i").stop(true).animate({top: "-1px"}, 100).css({display: "block"})
    });
    $('.tab_im img').hover(function () {
        var a = $(this).prop('src');
        var index = $(this).parents('li').index();
        $(this).parents('li').css('border', '2px solid red').siblings('li').css('border', '1px solid #ccc');
        $(this).parents('ul').prev().find('img').prop('src', a);
        $(this).parents('ul').siblings('.tab_JE').find('a').eq(index).css('display', 'block').siblings('a').css('display', 'none');
        $(this).parents('ul').siblings('.tab_R').find('span').eq(index).css('display', 'block').siblings('span').css('display', 'none')
    });

    $(".JD_ipone_one").hover(function () {
        $(this).children("div").css({display: "block"})
    }, function () {
        $(this).children("div").css({display: "none"})
    });

    $("#tab>li").click(function () {
        var i = $(this).index();
        $("#container>div").hide().eq(i).show()
    });
    $(".dizhi_show").hover(function () {
        $(".dizhi_con").css({display: "block"})
    }, function () {
        $(".dizhi_con").css({display: "none"})
    });
    $(".dizhi_con").hover(function () {
        $(this).css({display: "block"})
    }, function () {
        $(this).css({display: "none"})
    });
    //显示隐藏
    var $li = $(".JD_nav_logo>div:gt(3)").hide();
    $('.JD_show span').click(function () {
        if ($li.is(':hidden')) {
            $li.show();
            $(this).css({width: "86px"}).text('收起 ^');
        } else {
            $li.hide();
            $('.JD_show span').css({width: "291px"}).text('更多选项（ CPU核数、网络、机身颜色 等）');
        }
        return false;
    });


    $(".rig_tab>div").hover(function () {
        var i = $(this).index();
        $(this).find('.ico').css({display: 'block'}).stop(true).animate({top: "190px"}, 300)
    }, function () {
        var i = $(this).index();
        $(this).find('.ico').css({display: 'none'}).stop(true).animate({top: "230px"})
    });

    $('.header_main_left>ul>li').hover(function () {
        $(this).css({
            background: "#f0f0f0"
        }).find('.header_main_left_main').stop(true).fadeIn(300)
    }, function () {
        $(this).css({
            background: "#fff"
        }).find(".header_main_left_a").css({
            color: "#000"
        });
        $(this).find('.header_main_left_main').stop(true).fadeOut(100)
    });
    $(".header_sj a").hover(function () {
        $(this).css({
            background: "#444"
        })
    }, function () {
        $(this).css({
            background: "#6e6568"
        })
    });


    $(".nav_li1 a").hover(function () {
        $(".header_main_left").stop(true).fadeIn()
    }, function () {
        $(".header_main_left").stop(true).fadeOut()
    });
    $(".header_main_left").hover(function () {
        $(this).stop(true).fadeIn()
    }, function () {
        $(this).stop(true).fadeOut()
    });


    //右侧侧边栏
    $(".header_bar_box ul li").hover(function () {
        $(this).css({
            background: "#7A6E6E"
        }).children(".div").css({
            display: "block"
        }).stop(true).animate({
            left: "-60px"
        }, 300)
    }, function () {
        $(this).css({
            background: "#7A6E6E"
        }).children(".div").css({
            display: "none"
        }).stop(true).animate({
            left: "0"
        }, 300)
    });


    //底部
    $(".footer_foot .p1 a").hover(function () {
        $(this).css("color", "#D70B1C")
    }, function () {
        $(this).css("color", "#727272")
    });

    $(".footer .footer_center ol li a").hover(function () {
        $(this).css("color", "#D70B1C")
    }, function () {
        $(this).css("color", "#727272")
    })

    function searchProducts(name, value, flag) {
        location.href = replaceAndAddParamVal(location.href, name, value, flag);

    }

    function searchByKeyword() {
        searchProducts("keyword", $("#keyword_input").val(), false);
    }

    $(".page_a").click(function () {
        var pn = $(this).attr("pn");

        var href = location.href + "";
        location.href = replaceAndAddParamVal(href, "pageNum", pn);
        return false;
    })

    $(".sort_a").click(function () {
        // changeStyle(this);
        $(this).toggleClass("desc");
        var sortVal = $(this).attr("sort");
        sortVal = $(this).hasClass("desc") ? sortVal + "_desc" : sortVal + "_asc";
        location.href = replaceAndAddParamVal(location.href, "sort", sortVal);
        return false;
    })

    $("#skuPriceSearchBtn").click(function () {
        var from = $("#skuPriceFrom").val();
        var to = $("#skuPriceTo").val();

        var query = from + "_" + to;
        location.href = replaceAndAddParamVal(location.href, "skuPrice", query);
    });
    $("#showHasStock").change(function () {
        if ($(this).prop('checked')) {
            location.href = replaceAndAddParamVal(location.href, "hasStock", 1);
        } else {
            var re = eval('/(hasStock=)([^&]*)/gi');
            location.href = (location.href + "").replace(re, "");
        }
    });

    function attentionSku(skuId, skuName, skuImg, spuId) {
        console.log(skuId + skuName + skuImg + "  " + spuId);
        $.ajax({
            url: "http://member.drygoods.top/member/membercollectsku/save/attention",
            data: JSON.stringify({
                "skuId": skuId,
                "skuName": skuName,
                "skuImg": skuImg,
                "spuId": spuId
            }),
            processData: false, //默认true，设置为 false，不需要进行序列化处理
            cache: false, //设置为false将不会从浏览器缓存中加载请求信息
            async: true, //发送同步请求
            // crossDomain: true,
            contentType: 'application/json', //避免服务器不能正常解析文件---------具体的可以查下这些参数的含义
            dataType: 'json', //不涉及跨域  写json即可
            type: 'post',
            xhrFields: {
                withCredentials: true //默认情况下，标准的跨域请求是不会发送cookie的
            },
            success: function (date) {
                console.log(date);
            },
            error: function (error) {
                console.log(error);
            }
        });
        return false;
    };

    function changeStyle(ele) {
        //改变自己以及其兄弟的样式
        $(".sort_a").css({"color": "#333", "border_color": "#CCC", "background": "#FFF"});
        $(".sort_a").each(function () {
            var text = $(this).text().replace("↓", "").replace("↑", "");
            $(this).text(text);
        })

        $(ele).css({"color": "#FFF", "border_color": "#e4393c", "background": "#e4393c"});
        //改变升降序
        $(ele).toggleClass("desc");//加上降序，不加默认是升序
        if ($(ele).hasClass("desc")) {
            //降序
            text = $(ele).text() + "↓";
            $(ele).text(text);
        } else {
            //升序
            text = $(ele).text() + "↑";
            $(ele).text(text);
        }
    }

    //回到顶部
    $(function () {
        $(window).scroll(function () {  //只要窗口滚动,就触发下面代码
            var scrollt = document.documentElement.scrollTop + document.body.scrollTop; //获取滚动后的高度
            if (scrollt > 200) {  //判断滚动后高度超过200px,就显示
                $("#gotop").fadeIn(400); //淡出
            } else {
                $("#gotop").stop().fadeOut(400); //如果返回或者没有超过,就淡入.必须加上stop()停止之前动画,否则会出现闪动
            }
        });
        $("#gotop").click(function () { //当点击标签的时候,使用animate在200毫秒的时间内,滚到顶部
            $("html,body").animate({scrollTop: "0px"}, 200);
        });
    });


    function replaceAndAddParamVal(url, paramName, replaceVal, force) {

        var oUrl = url.toString();
        var nUrl = "";
        if (oUrl.indexOf(paramName) != -1) {
            //替换
            if (force != null && force) {
                if (oUrl.indexOf("?") != -1) {
                    nUrl = oUrl + "&" + paramName + "=" + replaceVal;
                } else {
                    nUrl = oUrl + "?" + paramName + "=" + replaceVal;
                }
            } else {
                var re = eval('/(' + paramName + '=)([^&]*)/gi');
                nUrl = oUrl.replace(re, paramName + '=' + replaceVal);
            }
        } else {
            if (oUrl.indexOf("?") != -1) {
                nUrl = oUrl + "&" + paramName + "=" + replaceVal;
            } else {
                nUrl = oUrl + "?" + paramName + "=" + replaceVal;
            }
        }
        return nUrl;

    }


</script>
</body>
</html>